<template>
	<view class="">
		<u-navbar :fixed="false" :placeholder="true" title="授权提示" bgColor="#0F53AC" leftIconColor="#fff">
			<view class="u-nav-slot" slot="left">
				<navigator open-type="exit" target="miniProgram">
					<u-icon name="arrow-left" size="19" color="#fff"></u-icon>
				</navigator>
			</view>
		</u-navbar>
		<view class="">
			<view class="img">
				<image src="@/static/images/user/expire.png" mode=""></image>
			</view>
			<view class="title">
				试用已到期
			</view>
			<view class="info">
				您的应用已到试用期，可联系我们购买正式服务，联系电话：134-3949-4660
			</view>
			<view class="tel" @click="freeTell">
				联系我们
			</view>
			<view class="detail" @click="look">
				查看功能及定价详情
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			freeTell() {
				wx.makePhoneCall({
					phoneNumber: '134-3949-4660', //仅为示例，并非真实的电话号码
					success: function() {
						console.log("拨打电话成功！")
					},
					fail: function() {
						console.log("拨打电话失败！")
					}
				})
			},
			look() {
				uni.navigateTo({
					url: '/pages/subPackagesD/uploadFile/uploadFile'
				})
			}
		}
	}
</script>

<style lang="scss">
	.img {
		margin-top: 260rpx;
		text-align: center;

		image {
			transform: rotate(180deg);
			width: 160rpx;
			height: 160rpx;
		}
	}

	.title {
		margin-top: 40rpx;
		text-align: center;
		font-size: 20px;
		font-weight: 400;
		color: rgba(0, 0, 0, 1);
	}

	.info {
		padding: 0 70rpx;
		margin-top: 40rpx;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		color: rgba(140, 140, 140, 1);
	}

	.tel {
		margin: 0 70rpx;
		margin-top: 80rpx;
		height: 92rpx;
		line-height: 92rpx;
		border-radius: 6px;
		background: #0F53AC;
		color: rgba(255, 255, 255, 1);
		text-align: center;

	}

	.detail {
		margin: 0 70rpx;
		margin-top: 40rpx;
		height: 92rpx;
		line-height: 92rpx;
		border-radius: 6px;
		border: 1px solid #0F53AC;
		color: #0F53AC;
		text-align: center;
	}
</style>